<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link th:href="@{/css/index.css}" rel="stylesheet">
  <link th:href="@{/css/createOrder.css}" rel="stylesheet">
  <title>支付页面</title>
</head>
<body>
<div class="container">
  <th:block th:insert="~{header :: head}"/>

  <h3 th:text="${'订单号：' + session.order.getOrderid()}"></h3>

  <div class="image-container">
    <img th:src="@{/img/img.png}" alt="支付二维码">
  </div>

  <form action="orderDo" method="post">
    <input type="hidden" name="orderid" th:value="${session.order.getOrderid()}">
    <button type="submit" class="btn">已支付</button>
  </form>

  <div class="timer">30秒后自动取消</div>

  <a href="index" class="btn" style="background-color: #6c757d;">返回首页</a>

</div>
<footer class="page-footer">
  <th:block th:insert="~{footer :: foot}"/>
</footer>
</body>
</html>
